<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Mr.Zhang</title>
		<link rel="stylesheet" type="text/css" href="header.css">
		<link rel="stylesheet" type="text/css" href="box.css">
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="jQuery.js"></script>
	</head>

	<body bgcolor="black">
		<div class="header-bar">
			<div class="header">
				<ul class="bar">
					<li onmouseover="this.className='selcet'" onMouseOut="this.className='selceted'">
						<a class="nav-home" href = "http://david-zhang-test.github.io">
							<font size="4">
								<p1 style="color:white;text-align:center">HOME</p1>
							</font>
						</a>
					</li>
					<li onmouseover="this.className='selcet'" onMouseOut="this.className='selceted'">
						<a class="nav-home" href="http://david-zhang-test.github.io/about-me">
							<font size="4">
								<p1 style="color:white;text-align:center;width=100px">ABOUT</p1>
							</font>
						</a>
					</li>
					
					<li onmouseover="this.className='selcet'" onMouseOut="this.className='selceted'">
						<a class="nav-home" href="http://david-zhang-test.github.io/blog"  >
							<font size="4">
								<p1 style="color:white;text-align:center;width=100px">BLOG</p1>
							</font>
						</a>
					</li>
					<li onmouseover="this.className='selcet'" onMouseOut="this.className='selceted'">
						<a class="nav-home" href="http://david-zhang-test.github.io/contact">
							<font size="4">
								<p1 style="color:white;text-align:center;width=100px">CONTACT</p1>
							</font>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<div id="box">
			<div class="paragraphone">
				<p1 id="pp1" style="color:white;font-size:300px;text-align:center;display:none;">Hi</p1>
			</div>
			<div class="img1">
				<div class="imgimg1">
					<img id="img1" src="箭头.png" style="width=200px;margin:0 auto;display:none;">
				</div>
				
			</div>
			<div class="paragraphtwo">
				<p1 id="pp2" style="text-align:center;color:white;font-size:50px;font-family:'Gabriola';letter-spacing:6px;display:none;">
					I'm Mr.Zhang. Nice to meet you here! This is my personal website, I will update it from time to time. </p1>
			</div>	
		</div>
		<div class="footer" style="background-color:'black';width100%;height:20px;margin-bottom:0px;">
			<p style="width:340px;color:white;margin:0 auto;">© 2020 Mr.Zhang All Rights Reserved</p>
			
		</div>

	</body>
</html>
